@tailwind base;
@tailwind components;
@tailwind utilities;
/* 自定义Tailwind工具类 */
@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
  .sheet-line {
    height: 1.5px;
    background-color: #334155;
    margin: 0.5rem 0;
  }
  .note-input {
    @apply border border-gray-300 rounded px-2 py-1 text-center w-10 transition-all duration-200;
  }
  .note-input:focus {
    @apply outline-none ring-2 ring-primary/50 border-primary;
  }
  .btn {
    @apply px-4 py-2 rounded-md transition-all duration-200 font-medium;
  }
  .btn-primary {
    @apply bg-primary text-white hover:bg-primary/90 focus:ring-2 focus:ring-primary/50;
  }
  .btn-secondary {
    @apply bg-secondary text-white hover:bg-secondary/90 focus:ring-2 focus:ring-secondary/50;
  }
  .btn-outline {
    @apply border border-gray-300 hover:bg-gray-100 focus:ring-2 focus:ring-gray-300/50;
  }
  .btn-danger {
    @apply bg-red-500 text-white hover:bg-red-600 focus:ring-2 focus:ring-red-500/50;
  }
  .section-card {
    @apply bg-white rounded-lg shadow-md p-4 mb-4 transition-all duration-300 hover:shadow-lg;
  }
  .input-field {
    @apply w-full border border-gray-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary;
  }
}
@layer components {
  .section-card {
    @apply bg-white rounded-lg shadow-md p-4 mb-4 transition-all duration-300 hover:shadow-lg;
  }
  
  .btn-primary {
    @apply bg-primary text-white hover:bg-primary/90 focus:ring-2 focus:ring-primary/50;
  }

  .input-field {
    @apply w-full border border-gray-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary;
  }
}
    